<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>通讯录</title>
    <link rel="stylesheet" href="../../../assets/common/common.css" />
    <link rel="stylesheet" href="../../../assets/iconfont/iconfont.css" />
    <link rel="stylesheet" href="../MailList.css" />
  </head>
  <body>
    <div class="MailList">
      <div class="banner bold pl-15 pr-15 flex aic jc-sb f20 bg-fff">
        <a href="javascript:history.back(-1)" class="iconfont icon-zuojiantou"></a>
        <span>通讯录</span>
        <a href="" class="iconfont"></a>
      </div>
      <!-- 搜索框 -->
      <div class="searchInp fdc aic jc-c pl-20 pr-20 bg-fff">
        <a class="inp w100 flex aic pl-15" href="">
          <span class="iconfont icon-sousuo"></span>
          <input class="pl-10 f18" type="text" placeholder="请输入" />
        </a>
        <div class="text w100 flex aic f12">
          <a class="mr-5 bule" href="../MailList.html">黛西进出口贸易公司</a>
          <a href="./branchOffice.html" class="mr-5 bule"
            >&gt;&nbsp; 北京分公司
          </a>
          <span>&gt;&nbsp; 产品部 </span>
        </div>
      </div>
      <!-- 列表 -->
      <div class="person mt-10 pl-15 pr-15 bg-fff">
        <a href="./personDetails.html" class="item flex aic">
          <img src="../../../assets/img/MailList/__80px_u3817.png" alt="" />
          <div class="textBox ml-15 fg1 h100 fdc jc-sa">
            <div class="flex aic jc-sb w100 f14">
              <span>吴珊珊</span>
              <span class="text f12">在职</span>
            </div>
            <div class="f12">销售专员</div>
          </div>
        </a>
        <a href="./personDetails.html" class="item flex aic">
          <img src="../../../assets/img/MailList/__80px_u3817.png" alt="" />
          <div class="textBox ml-15 fg1 h100 fdc jc-sa">
            <div class="flex aic jc-sb w100 f14">
              <span>吴珊珊</span>
              <span class="text f12">在职</span>
            </div>
            <div class="f12">销售专员</div>
          </div>
        </a>
        <a href="./personDetails.html" class="item flex aic">
          <img src="../../../assets/img/MailList/__80px_u3817.png" alt="" />
          <div class="textBox ml-15 fg1 h100 fdc jc-sa">
            <div class="flex aic jc-sb w100 f14">
              <span>吴珊珊</span>
              <span class="text f12">在职</span>
            </div>
            <div class="f12">销售专员</div>
          </div>
        </a>
        <a href="./personDetails.html" class="item flex aic">
          <img src="../../../assets/img/MailList/__80px_u3817.png" alt="" />
          <div class="textBox ml-15 fg1 h100 fdc jc-sa">
            <div class="flex aic jc-sb w100 f14">
              <span>吴珊珊</span>
              <span class="text f12">在职</span>
            </div>
            <div class="f12">销售专员</div>
          </div>
        </a>
        <a href="./personDetails.html" class="item flex aic">
          <img src="../../../assets/img/MailList/__80px_u3817.png" alt="" />
          <div class="textBox ml-15 fg1 h100 fdc jc-sa">
            <div class="flex aic jc-sb w100 f14">
              <span>吴珊珊</span>
              <span class="text f12">在职</span>
            </div>
            <div class="f12">销售专员</div>
          </div>
        </a>
        <a href="./personDetails.html" class="item flex aic">
          <img src="../../../assets/img/MailList/__80px_u3817.png" alt="" />
          <div class="textBox ml-15 fg1 h100 fdc jc-sa">
            <div class="flex aic jc-sb w100 f14">
              <span>吴珊珊</span>
              <span class="text f12">在职</span>
            </div>
            <div class="f12">销售专员</div>
          </div>
        </a>
      </div>
    </div>
  </body>
</html>
